鸿蒙项目实战 #

(一) 请求服务器数据 #

1. 要使用http请求，需在module.json5文件中添加网络管理权限

2. 请求代码

   import { http } from '@kit.NetworkKit'; 
   
   @Entry
   @Component
   struct demo {
     onPageShow(): void {
       let httpRequest = http.createHttp();
       let url = "http://43.136.85.99:3003/category/all"
       httpRequest.request(
         // 填写HTTP请求的URL地址，可以带参数也可以不带参数。URL地址需要开发者自定义。请求的参数可以在extraData中指定
         url, (err, data) => {
         if (!err) {
           console.log(JSON.stringify(data.result))
         }
       })
     }
   
     build() {}
   }
   

(二) 使用axios请求数据 #

1. 安装axios插件

   ohpm i @ohos/axios
   

2. 发送请求

   import axios,{AxiosResponse} from '@ohos/axios'
   
   @Entry
   @Component
   struct demo {
     onPageShow(): void {
       let url = "http://43.136.85.99:3003/category/all"
       axios.get(url).then((res:AxiosResponse)=>{
         console.log(JSON.stringify(res.data))
       })
     }
   
     build() {
     }
   }
   

(三) 封装api #

(四) 父子组件通信 #

(五) ArtTs 和样式分离 #